<!DOCTYPE html>
<html lang="en">

<head>
<title>Lock Screen | Extras</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT">
<!--Loading bootstrap css-->
<link type="text/css"
	href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400,700,800">
<link type="text/css" rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Oswald:400,700,300">
<link type="text/css" rel="stylesheet"
	href="vendors/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css">
<link type="text/css" rel="stylesheet"
	href="vendors/font-awesome/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet"
	href="vendors/bootstrap/css/bootstrap.min.css">
<!--Loading style vendors-->
<link type="text/css" rel="stylesheet"
	href="vendors/animate.css/animate.css">
<link type="text/css" rel="stylesheet"
	href="vendors/iCheck/skins/all.css">
<!--Loading style-->
<link type="text/css" rel="stylesheet"
	href="css/themes/style1/pink-blue.css" class="default-style">
<link type="text/css" rel="stylesheet"
	href="css/themes/style1/pink-blue.css" id="theme-change"
	class="style-change color-change">
<link type="text/css" rel="stylesheet" href="css/style-responsive.css">
</head>

<body id="lock-screen-page">
	<div class="page-form">
		<div class="body-content">
			<div id="lock-screen-avatar">
				<img
					src="https://s3.amazonaws.com/uifaces/faces/twitter/kolage/128.jpg"
					alt="" class="img-responsive img-circle">
			</div>
			<div id="lock-screen-info">
				<h1>John Doe</h1>
				<div class="email">example@email.com</div>
				<form action="index.html" class="mtl mbl">
					<div class="input-icon right">
						<i class="fa fa-unlock"></i> <input type="password"
							value="123456789" class="form-control">
					</div>
				</form>
			</div>
		</div>
	</div>
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/jquery-migrate-1.2.1.min.js"></script>
	<script src="js/jquery-ui.js"></script>
	<!--loading bootstrap js-->
	<script src="vendors/bootstrap/js/bootstrap.min.js"></script>
	<script
		src="vendors/bootstrap-hover-dropdown/bootstrap-hover-dropdown.js"></script>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.min.js"></script>
	<script src="vendors/iCheck/icheck.min.js"></script>
	<script src="vendors/iCheck/custom.min.js"></script>
	<script>
        //BEGIN CHECKBOX & RADIO
        $('input[type="checkbox"]').iCheck({
            checkboxClass: 'icheckbox_minimal-grey',
            increaseArea: '20%' // optional
        });
        $('input[type="radio"]').iCheck({
            radioClass: 'iradio_minimal-grey',
            increaseArea: '20%' // optional
        });
        //END CHECKBOX & RADIO
    </script>
	<script type="text/javascript">
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-145464-12', 'auto');
        ga('send', 'pageview');
    </script>
</body>

</html>